<div class="search-body">
  <div class="placeholder lf" style="display: flex;">
    <input class="search-input" type="search" id="mySearch" [(ngModel)]="pageData.gameName" type="search"
      placeholder="{{ 'searchPage.html4' | translate }}" (keypress)="search()">
    <a href="javascript:;" routerLink="/">{{ 'searchPage.html2' | translate }}</a>
  </div>

  <div class="card">
    <h1>{{ 'searchPage.html1' | translate }}</h1>
    <div class="img-c">
      <div *ngFor="let item of hotList" (click)='onSel(item.productId)'>
        <img style="width: 7rem;height: 7rem;"  src="{{item.thumbnail}}" alt="">
      </div>
    </div>
  </div>

  <div class="card" *ngIf='textList.length > 1'>
    <h1>{{ 'searchPage.html3' | translate }}</h1>
    <div class="img-c" style="overflow: auto;">
      <p *ngFor="let item of textList" (click)="textSearch(item.keyword)">{{item.keyword}}</p>
    </div>
  </div>

  <div class="game-plays" >
    <div class="img-c" *ngFor="let item of list">
      <div class="game-c">
        <img style="width: 7rem;height: 7rem;" src="{{item.thumbnail}}" alt="">
        <div class="game-text-c">
          <div class="game-text" routerLink="/agency" [queryParams]='{id:item.id}'>
            <em>{{item.name | getstatus2 : lang}}</em>
            <p>{{item.briefInfo | getstatus2 : lang}}</p>
            <weui-rating [(ngModel)]="item.levelStar" [config]="customIconsAndClassCog" [readonly]="true"></weui-rating>
          </div>
          <a (click)='onSel(item.id)' class="pay-btn">{{ 'fl-Page.html6' | translate }}</a>
        </div>
      </div>
    </div>
  </div>
</div>